<template>
  <div id="box">    
   <div id="denglu">
        <p>登录</p>
     <div>
        账号：<input type="text" placeholder="请输入账号">
     </div>
      <div>
       密码：<input type="password" placeholder="请输入密码">  
      </div>
     
      <router-link to="/zhuce"><span>没有账号？请注册</span></router-link>
   <div>
     <button>点击登录</button>
   </div>
   </div>
  </div>
</template>

<script>
export default {
  
}
</script>

<style scoped>
#box{
  display: flex;
   height: 6.67rem;
  align-items: center;
}
  #denglu{
     width: 2.5rem;
    height: 2rem;
    padding: .6rem 0;
   background-image: url("../../public/img/111.jpg");
    margin: 0 auto;
    text-align: center;
  border-radius: .3rem;
   
  }
  input{
     height: .3rem;
     margin-bottom: .15rem;
  }
  p:nth-child(1){
    font-weight: 600;
    color: red;
    font-size: .2rem;
    line-height: .4rem;
  }
  button{
    height: .4rem;
    width: 0.6rem;
    border-radius: .15rem;
    color: white;
    background-color: coral;
    border: none;
  }
</style>